<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>账单记录</title>
	<link rel="stylesheet" href="./css/left-nav.css">
	<link rel="stylesheet" href="./css/right-card.css">
	<link rel="stylesheet" href="./css/common.css">
	<link rel="stylesheet" href="./css/record.css">
	<style>		
		.right .right_card ul .manage button{
		    width: 400px;
		    height: 50px;
		    background-color:#5D5FD1;
		    font-size: 25px;
		    font-weight: 450;
		    border-style: none;
		    border-radius: 5px;
		    color: white;
		    margin-left: 180px;
		    margin-top: 80px;
		}
		.recordImg{
			display:flex;
			justify-content:center;
		}
		.recordImg img{
			width: 300px;
			height: 200px;
		}
	</style>
</head>
<body>
<%
	String createTime = String.valueOf(session.getAttribute("createTime"));
	String amount = String.valueOf(session.getAttribute("amount"));
	String type = String.valueOf(session.getAttribute("type"));
	String category = String.valueOf(session.getAttribute("category")); 
%>
<!-- 左侧导航 -->
    <div class="left_nav" id="nav_left">
        <div class="head clearfix">
            <div class="head_icon"></div>
            <div class="head_word"><a href="home.jsp">返回首页</a></div>
        </div>
        <ul>
            <li>
                <span class="fourth_icon"></span>
                账本记录
            </li>
            
        </ul>
    </div>

    <!-- 右侧内容 -->
    <div class="right">
        <div class="right_card">

            <ul id="content_right">                

                <li class="item manage" id="recordlist">                	
                    <div class="title">您的账本</div>                	
                    	<table width="740" border="1" cellpadding="6" cellspacing="0">
							<caption>最近一次的账单记录</caption>
							<tr class="tr1">
								<td width="100" height="30" align="center" valign="middle">记账时间</td>
								<td width="145" align="center" valign="middle">记账金额</td>
								<td width="145" align="center" valign="middle">收支</td>
								<td width="148" align="center" valign="middle">资金类型</td>
							</tr>
							<tr class="tr2">
									<td height="40" align="center" valign="middle"><%=createTime %></td>
									<td align="center" valign="middle"><%=amount %></td>
									<td align="center" valign="middle"><%=type %></td>
									<td align="center" valign="middle"><%=category %></td>
								</tr>			
						</table>	
						<form action="recordList.jsp">
							<button>点击查看所有记录</button>
						</form>                    	
						<div class="recordImg">
	                 		<img src="https://images-1300275660.cos.ap-shanghai.myqcloud.com/money5.png">
	                 	</div>
                </li>               
            </ul>
        </div>
    </div>
</body>
<script type="text/javascript">
	window.onload = function(){
		document.getElementById("recordlist").style.display = "block";
	}
</script>
</html>